.re {
	position: relative;
}

.btn-group {
	display: flex;
	align-items: center;
	position: absolute;
	right: 257px;
	bottom: 246px;
}

.btn-group .btn {
	background: url(../images/btn.png) no-repeat;
	background-size: 100%;
	width: 206px;
	height: 76px;
	display: flex;
	align-items: center;
	padding-left: 5rem;
	font-size: 2.2rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;
}

.ml_35 {
	margin-left: 35px !important;
}

.scroll-container {
	background: #FAFAFC;
	width: 100%;
	height: 1080px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.scroll-element {
	width: 30%;
	height: 400px;
	background: red;
}

.sale-top {
	display: flex;
	align-items: center;
}

.sale-box {
	position: relative;
}

.sale-box p {
	position: absolute;
	left: 30px;
	bottom: 4px;
	font-size: 2.3rem;
	font-family: FZLanTingHei-R-GBK;
	font-weight: 400;
	color: #000000;
}

.mr_12 {
	margin-right: 12px;
}

.sale-bottom {
	display: flex;
	align-items: center;
	margin-top: 12px;
}

.box {
	text-align: center;
}

.swiper-view {
	background: #FAFAFC;
}

.pic1 {
	width: 1061px;
	height: 704px;
}

.pic2 {
	width: 945px;
	height: 677px;
}


.swiper {
	width: 100%;
	height: 800px;
	background: #FAFAFC;
	padding: 50px 0;
}

.swiper-slide {
	text-align: center;
	font-size: 1.8rem;
	width: 1153px;
	height: 600px;
	background: #FAFAFC;
	overflow: hidden;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.9);
}

.swiper-slide-active,
.swiper-slide-duplicate-active {
	transform: scale(1);
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
}

.section-bottom {
	width: 100%;
	height: 1268px;
	background: #FAFAFC;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-bottom .content {
	width: 1130px;
	height: 855px;
}

.section-bottom .content .title {
	margin-bottom: 100px;
}

.section-bottom .content .t1 {
	font-size: 3rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;
	opacity: 0.6;
}

.section-bottom .content .t2 {
	font-size: 5rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;
	opacity: 0.6;
}

.section-bottom .content .tag {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mb_90 {
	margin-bottom: 90px;
}

.section-bottom .content .item img {
	width: 51px;
	height: 51px
}

.section-bottom .content .item {
	width: 328px;
}

.section-bottom .content .item .tt {
	font-size: 2.3rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;
	margin-top: 28px;
}

.section-bottom .content .item .des {
	font-size: 1.3rem;
	font-family: FZLanTingHei-R-GBK;
	font-weight: 400;
	color: #ADADAD;
	margin-top: 20px;
}

.deep-des {
	display: flex;
	justify-content: center;
	padding-top: 170px;
}

.deep-des .left {
	width: 540px;
}

.deep-des .pp {
	font-size: 3rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;
}

.deep-des .dd {
	font-size: 5.1rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;
}

.deep-des .des {
	width: 441px;
	font-size: 2rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #ADADAD;
	margin-left: 30px;
}

.tab {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 128px;
}

.tab .item {
	margin-right: 90px;
}

.tab .item .s-tit {
	font-size: 4rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;
}

.tab .item .d-tit {
	font-size: 2.5rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #ADADAD;
}

.tab .item .active {
	background: linear-gradient(0deg, #58A6F9 0%, #58B9F9 38.7939453125%, #5ADFF9 70.947265625%, #82F8D9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sticky-box {
	height: 100vh;
	position: -webkit-sticky;
	/* 考虑兼容性 */
	position: sticky;
}

.sticky-box .descript {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 511px;
}

.sticky-box .pic {
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.des-left {
	margin-right: 180px;
	line-height: 55px;
	display: block;
}

.des-left-cope {
	margin-right: 270px;
	display: none;
}

.des-left-cope .p1 {
	font-size: 6.6rem;
	font-family: FZLanTingHeiS-B-GB;
	font-weight: 400;
	color: #000000;

	background: linear-gradient(0deg, #58A6F9 0%, #5FE9F9 70.1416015625%, #75F4E6 94.9951171875%, #97FAC5 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.des-left-cope .p2 {
	font-size: 2rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #ADADAD;
}

.des-left .p1 {
	font-size: 3rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;
}

.des-left .p2 {
	font-size: 5.1rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;

	background: linear-gradient(0deg, #58A6F9 0%, #5FE9F9 70.1416015625%, #75F4E6 94.9951171875%, #97FAC5 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.des-left .p3 {
	font-size: 5.1rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #000000;
}

.des-right {
	width: 434px;
	font-size: 2rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #ADADAD;
}

.modal-box {
	position: relative;
	overflow: hidden;
}

.modal-box .modal {
	position: absolute;
	width: 100%;
	height: 1080px;
	top: 0;
	left: 0;
	background: #000000;
	opacity: 0.7;
	z-index: 10;
}

.modal-text {
	margin-top: 73rem;
	display: flex;
	justify-content: center;
}

.modal-text .left-text {
	margin-right: 80px;
}

.modal-text .left-text .p1 {
	font-size: 3rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #FFFFFF;
}

.modal-text .left-text .p2 {
	font-size: 5.1rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #FFFFFF;
}

.modal-text .right-text {
	width: 434px;
	font-size: 2rem;
	font-family: FZLTZHJW;
	font-weight: normal;
	color: #ADADAD;
}
